<template>

    <div>
                <div style="text-align: center;padding: 20px;">
                <span style="display:block;text-align:left;font-size: 20px;">{{contract.movieName}}</span><br>
<!--                    <template slot-scope="scope">-->
<!--                <span style="display:block;text-align:left;color: red;font-size: 20px;">{{scope.row.startTime}}</span><br>-->
<!--                    </template>-->
<!--                <span style="display:block;text-align:left;font-size: 20px;">{{movie.lobbyName}}</span><br>-->
<!--                <span style="display:block;text-align:left;font-size: 20px;"></span><br>-->
<!--                <el-divider></el-divider>-->
<!--                <span style="display:block;text-align:right;color: red">{{movie.money}}</span>-->
        </div>
        <br>
        <div style="text-align: center;padding: 10px;">
        </div>

        <div style="text-align: center;padding: 100px;">
            <el-button type="warning" @click="addOrder">确认支付</el-button>
        </div>
    </div>
</template>

<script>
    export default {
        name: "SettlementView.vue",
        data() {
            return {


            }

        },
        local(row){
            this.contract = row;
            console.log(row)
        },
        created() {
            {
                if(this.$route.params.contract!=null){
                    this.load(this.$route.params.contract)
                }
            }
        },
        methods: {
            addOrder(){

            }

        }
    }
</script>

<style scoped>

</style>